<template>
<div class="middle" :style="backgroundDiv">
        <div>(❁´◡`❁)</div>
        <div style="margin-top:10px">
            <h2>欢迎来到</h2>
        </div>
<<<<<<< HEAD
        <div style="margin-top:120px;font-size:60px">宿 递</div>
        <div style="margin-top:10px"><h2>给你最舒适的快递体验</h2></div>
        <div>
        
        <el-button plain style="margin-top:180px;width:280px;height:72px;font-size:40px" type="success" @click="chuan" >我要接单</el-button>
        
        </div>
        <div>
        
        <el-button plain @click="chuan1" style="margin-top:30px;width:280px;height:72px;font-size:40px" type="success"  >即刻下单</el-button>
        
=======
        <div style="margin-top:120px"><p1>宿 递</p1></div>
        <div style="margin-top:10px"><h2>给你最舒适的快递体验</h2></div>
        <div>
        <a href="http://localhost:8081/#/jiedan">
        <el-button style="margin-top:180px;width:280px;height:72px" type="success"  ><h1 style="line-height:15px">我要接单</h1></el-button>
        </a>
        </div>
        <div>
        <a href="http://localhost:8081/#/zhuye">
        <el-button style="margin-top:30px;width:280px;height:72px" type="success"  ><h1 style="line-height:15px">即刻下单</h1></el-button>
        </a>
>>>>>>> b1cd95d47b3903925076cec3bba8675efd049f1e
        </div>
    </div>
    
</template>
<script>
export default {
    data() {
<<<<<<< HEAD
   
    return {
        newList : {},
=======

    return {
>>>>>>> b1cd95d47b3903925076cec3bba8675efd049f1e
        backgroundDiv: {
            backgroundImage: 'url(' + require('../assets/background.jpg') + ')'
        }
    }
<<<<<<< HEAD
},
created(){
this.test();
},
methods : {
    test(){
      this.newList =  this.$route.query.qaq; //获取传来的id
      
      console.log("id是  "+this.newList)
      
      
    },
    chuan(){
        console.log("shouye" + this.newList)
        this.$router.push({path : "/jiedan",query:{ qaq : this.newList}})//传
    },
    chuan1(){
        console.log("shouye" + this.newList)
        this.$router.push({path : "/zhuye",query:{ qaq : this.newList}})//传
    },
=======
>>>>>>> b1cd95d47b3903925076cec3bba8675efd049f1e
}
}
</script>

<style>
.middle {
    height: 736px;
    width: 414px;
    background: no-repeat center top;
    background-size: contain;
}
<<<<<<< HEAD

=======
p1{
    font-size: 60px
}
>>>>>>> b1cd95d47b3903925076cec3bba8675efd049f1e

</style>



